class Observer {
    constructor(data) {
        this.walk(data);
    }
    walk(data) {
        // 1. 判断 data 是否是空置或不是对象
        if (!data || typeof data !== 'object') return;
        // 2. 遍历 data 对象的所有属性
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key]);
        });
    }
    defineReactive(obj, key, val) {
        let that = this;
        // #0 负责【收集依赖】，并【发送通知】
        let dep = new Dep();
        this.walk(val);

        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            get() {
                // #1 收集依赖
                // target 存储的就是 watcher 对象
                Dep.target && dep.addSub(Dep.target);
                // obj 就是 data 对象，不能使用 obj[key]
                // 这里涉及到了闭包，来扩展了 val 的作用范围
                return val;
            },
            set(newValue) {
                if (newValue === val) return;
                val = newValue;
                // 给已存在的属性重新赋值一个对象
                that.walk(newValue);
                // #2 发送通知
                dep.notify();
            }
        });
    }
}